<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>博客详情</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/fancynav.min.css">
    <link rel="stylesheet" type="text/css" media="all" href="css/dropdown.css"/>
    <link rel="stylesheet" type="text/css" media="all" href="css/blog.css"/>
    <link rel="stylesheet" type='text/css' href='css/buttons.css'>
    <link rel="stylesheet" type='text/css' href='css/fontawesome-all.css'>
    <link rel="stylesheet" type='text/css' href='css/jquery.autocompleter.css'>
    <link rel="stylesheet" type='text/css' href='css/jquery.windstagball.css'>
    <!--<link href="https://cdn.bootcss.com/jquery.nanoscroller/0.8.7/css/nanoscroller.min.css" rel="stylesheet">-->

    <script src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.backstretch.min.js"></script>
    <!--<script src="https://cdn.bootcss.com/jquery-backstretch/2.0.3/jquery.backstretch.min.js"></script>-->
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/dropdown.js"></script>
    <!--<script src="https://cdn.bootcss.com/jquery.nanoscroller/0.8.7/javascripts/jquery.nanoscroller.min.js"></script>-->
    <script type="text/javascript" src="js/jquery.fancynav.min.js"></script>
    <script type="text/javascript" src="js/jquery.autocompleter.js"></script>
    <script type="text/javascript" src="js/blog.js"></script>
    <script type="text/javascript" src="js/jquery.windstagball.js"></script>
</head>
<body>
<div class="scanlines"></div>
<div class="mobile-nav">
    <ul class="fancynav-add">
        <li>
            <a href="#">Blog</a>
        </li>
        <li>
            <a href="#">Categroies</a>
            <ul>
                <li><a href="#">Web Design</a></li>
                <li><a href="#">Hosting</a></li>
                <li>
                    <a href="#">Design</a>
                    <ul>
                        <li><a href="#">Graphics</a></li>
                        <li><a href="#">Vectors</a></li>
                        <li>
                            <a href="#">Photoshop</a>
                            <ul>
                                <li><a href="#">Photo editing</a></li>
                                <li><a href="#">Business cards</a></li>
                                <li><a href="#">Websites</a></li>
                                <li><a href="#">Flyers</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Fonts</a></li>
                    </ul>
                </li>
                <li><a href="#">Consulting</a></li>
            </ul>
        </li>
        <li>
            <a href="#">Contact</a>
        </li>
        <li><a href="#">Login</a></li>
        <li>
            <form action="#" method="get" id="mobile-search" class="container">
                <input type="text" name="q" placeholder="Search" id="mobile-search-input">
                <button type="submit"
                        class="button button-normal button-plain button-borderless fa fa-search"></button>
            </form>
        </li>
    </ul>
</div>
<div class="container-fluid">
    <div class="row">
        <!-- BEGIN HEADER-->
        <div class="header box-bottom">
            <div class="col-md-1">
                <div class="logo" data-fancynav-class="fancynav-logo" aria-hidden="true">
                    <a href="#"><img src="images/logo.png" alt=""></a>
                </div>
            </div>
            <div class="col-md-4 visible-lg visible-md">
                <ul class="navbar row venus-menu hidden-xs">
                    <li class="col-md-4 col-xs-12">
                        <a href="#">Blog</a>
                    </li>
                    <li class="col-md-4">
                        <a href="#">Categroies</a>
                        <ul>
                            <li><a href="#">Web Design</a></li>
                            <li><a href="#">Hosting</a></li>
                            <li>
                                <a href="#">Design</a>
                                <ul>
                                    <li><a href="#">Graphics</a></li>
                                    <li><a href="#">Vectors</a></li>
                                    <li>
                                        <a href="#">Photoshop</a>
                                        <ul>
                                            <li><a href="#">Photo editing</a></li>
                                            <li><a href="#">Business cards</a></li>
                                            <li><a href="#">Websites</a></li>
                                            <li><a href="#">Flyers</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">Fonts</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Consulting</a></li>
                        </ul>
                    </li>
                    <li class="col-md-4">
                        <a href="#">Contact</a>
                    </li>
                </ul>
            </div>
            <div class="col-md-4 hidden-xs hidden-sm">
                <form class="searchform row" method="get" action="#">
                    <div class="col-md-10">
                        <input id="search-input" type="text" name="q" placeholder="Search"
                               style="letter-spacing: 1.25px;"/>
                    </div>
                    <div class="col-md-2">
                        <button type="submit"
                                class="button button-normal button-plain button-borderless fa fa-search"></button>
                    </div>
                </form>
            </div>
            <div class="col-md-3">
                <div class="social-wrapper row hidden-xs hidden-sm">
                    <a href="#" class="fas fa-sign-in-alt col-md-offset-6"></a>
                </div>
            </div>
        </div>
        <!-- END HEADER -->
        <div class="placebar"></div>
        <!-- CONTENT BEGIN -->
        <div class="content-panel row">
            <div class="content-body col-md-8">
                <!--POST BEGIN-->
                <div class="post-detail">
                    <div class="post-detail-title row">
                        <a href="#" class="prev-post col-xs-2"><span class="fas fa-angle-double-left"></span>Prev</a>
                        <span class="col-xs-8">Django+Uwsgi+Nginx 部署指南</span>
                        <a href="#" class="next-post col-xs-2">Next<span class="fas fa-angle-double-right"></span></a>
                    </div>
                    <div class="post-detail-meta row">
                        <p class="author">Jennei&nbsp;<span>发表于10分钟前</span></p>
                        <span class="far fa-comments">&nbsp;200</span>
                        <span class="far fa-heart">&nbsp;223</span>
                        <span class="fas fa-eye">&nbsp;666</span>
                    </div>
                    <div class="post-detail-content">
                        Python （计算机程序设计语言） 编辑
                        Python [1] （英国发音：/ˈpaɪθən/ 美国发音：/ˈpaɪθɑːn/）, 是一种面向对象的解释型计算机程序设计语言，由荷兰人Guido van
                        Rossum于1989年发明，第一个公开发行版发行于1991年。
                        Python是纯粹的自由软件， 源代码和解释器CPython遵循 GPL(GNU General Public
                        License)协议。Python语法简洁清晰，特色之一是强制用空白符(white space)作为语句缩进。
                        Python具有丰富和强大的库。它常被昵称为胶水语言，能够把用其他语言制作的各种模块（尤其是C/C++）很轻松地联结在一起。常见的一种应用情形是，使用Python快速生成程序的原型（有时甚至是程序的最终界面），然后对其中有特别要求的部分，用更合适的语言改写，比如3D游戏中的图形渲染模块，性能要求特别高，就可以用C/C++重写，而后封装为Python可以调用的扩展类库。需要注意的是在您使用扩展类库时可能需要考虑平台问题，某些可能不提供跨平台的实现。
                        7月20日，IEEE发布2017年编程语言排行榜：Python高居首位 [2] 。
                        2018年3月，该语言作者在邮件列表上宣布 Python 2.7将于2020年1月1日终止支持。用户如果想要在这个日期之后继续得到与Python 2.7有关的支持，则需要付费给商业供应商。
                        [3]

                    </div>
                    <div class="post-detail-footer row">
                        <a href="#" class="prev-post col-xs-6"><span class="fas fa-angle-double-left"></span>Prev</a>
                        <a href="#" class="next-post col-xs-6">Next<span class="fas fa-angle-double-right"></span></a>
                    </div>
                </div>
                <!--POST END-->
                <!--COMMENT-->
                <div class="comment-panel">
                    <div class="comment-panel-header">
                        <div class="comment-panel-header-meta">
                            <span class="comment-caution">文明留言， 说说你的看法。</span>
                            <span class="comment-caution-meta pull-right">3 条评论, 4 人参与</span>
                        </div>
                        <div class="comment-panel-header-body">
                            <textarea id="comment-widget"></textarea>
                            <input type="hidden" id="content_type" value="16">
                            <input type="hidden" id="comment_content_type" value="19">
                            <input type="hidden" id="object_id" value="1">
                            <input type="hidden" id="username"  value="test">
                            <span class="comment-btn button button-glow button-rounded button-royal">发表</span>
                            <div class="line"></div>
                        </div>
                    </div>
                    <div class="comment-panel-body">
                    </div>
                </div>
            </div>
            <div class="content-meta col-md-4">
                <div class="blog-meta">
                    <div class="msg-board">
                        <div class="msg-title">
                            目录
                        </div>
                        <div class="msg-content">
                            <ul class="table-of-contents">
                                <li>Python的诞生</li>
                                <li>asdsadasdas</li>
                                <li>
                                    <ul>
                                        <li>asdasdsad</li>
                                        <li>asdasdas</li>
                                    </ul>
                                </li>
                                <li>asdasdasdas</li>
                            </ul>
                        </div>
                    </div>
                    <div class="line"></div>
                    <div class="msg-board">
                        <div class="msg-title">
                            博文资源
                        </div>
                        <div class="msg-content">
                            <ul class="notice-list row">
                                <li>
                                    <a href="#" class="col-xs-9">xxx文档.doc</a>
                                    <span class="col-xs-3">2018年4月4日</span>
                                </li>
                                <li>
                                    <a href="#" class="col-xs-9">xxxx.zip</a>
                                    <span class="col-xs-3">2018年4月4日</span>
                                </li>
                                <li>
                                    <a href="#" class="col-xs-9">xxx.tar.gz</a>
                                    <span class="col-xs-3">2018年4月4日</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="line"></div>
                    <div class="msg-board">
                        <div class="msg-title">
                            相似博文
                        </div>
                        <div class="msg-content">
                            <ul class="post-list">
                                <li>
                                    <div class="hot-post row">
                                        <a href="" class="col-xs-4">
                                            <span class="more hide"></span>
                                            <img src="images/thumb.jpg" alt="">
                                        </a>
                                        <div class="hot-post-meta col-xs-8">
                                            <a href="#">Charming Winter</a>
                                            <p>28th Sep 2012</p>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="hot-post row">
                                        <a href="" class="col-xs-4">
                                            <span class="more hide"></span>
                                            <img src="images/thumb.jpg" alt="">
                                        </a>
                                        <div class="hot-post-meta col-xs-8">
                                            <a href="#">Charming Winter</a>
                                            <p>28th Sep 2012</p>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="hot-post row">
                                        <a href="" class="col-xs-4">
                                            <span class="more hide"></span>
                                            <img src="images/thumb.jpg" alt="">
                                        </a>
                                        <div class="hot-post-meta col-xs-8">
                                            <a href="#">Charming Winter</a>
                                            <p>28th Sep 2012</p>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="line"></div>
                    <div class="msg-board">
                        <div class="msg-title">
                            推广/订阅
                        </div>
                        <div class="msg-content">
                            <ul class="syndication-list">
                                <li><a href="#" class="fas fa-rss-square">RSS</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- CONTENT END -->
        <div class="placebar"></div>
        <!-- BEGIN FOOTER -->
        <div class="footer box-top row hidden-xs hidden-sm">
            <div class="footer-content">
                <div class="footer-board col-xs-3">
                    <div class="footer-board-title">
                        评论最多
                    </div>
                    <div class="footer-board-content">
                        <ul class="rec-blog-list">
                            <li>
                                <div class="rec-blog col-xs-4">
                                    <a href="#">
                                        <span class="more hide"></span>
                                        <img src="images/thumb.jpg" class="thumb-cover" alt="">
                                    </a>
                                </div>
                                <div class="rec-blog-meta col-xs-8">
                                    <a href="#">Django部署完全指南</a>
                                    <p>2018年4月4日 20:35:12</p>
                                </div>
                            </li>
                            <li>
                                <div class="rec-blog col-xs-4">
                                    <a href="#">
                                        <span class="more hide"></span>
                                        <img src="images/thumb.jpg" class="thumb-cover" alt="">
                                    </a>
                                </div>
                                <div class="rec-blog-meta col-xs-8">
                                    <a href="#">Django部署完全指南</a>
                                    <p>2018年4月4日 20:35:12</p>
                                </div>
                            </li>
                            <li>
                                <div class="rec-blog col-xs-4">
                                    <a href="#">
                                        <span class="more hide"></span>
                                        <img src="images/thumb.jpg" class="thumb-cover" alt="">
                                    </a>
                                </div>
                                <div class="rec-blog-meta col-xs-8">
                                    <a href="#">Django部署完全指南</a>
                                    <p>2018年4月4日 20:35:12</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="footer-board col-xs-3">
                    <div class="footer-board-title">
                        归档
                    </div>
                    <div class="footer-board-content">
                        <ul class="post-archive-list">
                            <li>
                                <a href="#"><span class="col-xs-8">2017年12月</span><span class="col-xs-4">2篇</span></a>
                            </li>
                            <li>
                                <a href="#"><span class="col-xs-8">2017年12月</span><span class="col-xs-4">2篇</span></a>
                            </li>
                            <li>
                                <a href="#"><span class="col-xs-8">2017年12月</span><span class="col-xs-4">2篇</span></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="footer-board col-xs-3">
                    <div class="footer-board-title">
                        标签云
                    </div>
                    <div class="footer-board-content">
                        <div id="tagcloud">
                            <a href="#">标签云</a>
                            <a href="#">PHP</a>
                            <a href="#">瀑布流</a>
                            <a href="#">Tab</a>
                            <a href="#">流体布局</a>
                            <a href="#">SEO</a>
                            <a href="#">彩蛋</a>
                            <a href="#">JavaScript</a>
                            <a href="#">miaov</a>
                            <a href="#">CSS</a>
                            <a href="#">asp.net</a>
                            <a href="#">蓝色经典</a>
                            <a href="#">OOP</a>
                            <a href="#">Android</a>
                            <a href="#">妙味茶馆</a>
                            <a href="#">dialog</a>
                            <a href="#">淘客</a>
                            <a href="#">Pin</a>
                            <a href="#">微博</a>
                            <a href="#">IPhone</a>
                        </div>
                    </div>
                </div>
                <div class="footer-board col-xs-3">
                    <div class="footer-board-title">
                        友情链接
                    </div>
                    <div class="footer-board-content">
                        <ul class="friendship-link-list">
                            <li>
                                <a href="#">somebody's blog</a>
                            </li>
                            <li>
                                <a href="#">somebody's blog</a>
                            </li>
                            <li>
                                <a href="#">somebody's blog</a>
                            </li>
                            <li>
                                <a href="#">somebody's blog</a>
                            </li>
                            <li>
                                <a href="#">somebody's blog</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="site-claim">
            <p>Copyright <span class="far fa-copyright"></span> myblog 2017~2018 All Rights Reserved</p>
        </div>
        <!-- END FOOTER -->
    </div>
</div>
</body>
</html>